<template>
  <!-- 初始化一个div框架盒子 -->
  <div class="app">
    <h1 ref="person">你好啊</h1>
  </div>
  
  <!-- 直接就是引用组件使用 -->
  <!-- <person ref="x"/> -->

  <!--- 直接引入我的 trading-->
  <trading />
</template>

<script lang="ts" setup name="App">
import person from './components/person.vue';
import trading from '@/components/trading.vue'

import { ref, onMounted } from 'vue'

let x = ref()

console.log('看看引用的子组件中的东西 ，',x)

onMounted(()=>{

  console.log(' 父级组件 挂载成功  ')
})

</script>

<style>
  /**
  .app{
    background-color: aliceblue;
    box-shadow: 0 0  10px;
    border-radius: 10px;
    padding: 20px;
  }
    **/

</style>